<template>
    <swiper :id="id" class="swiper" indicator-dots autoplay circular>
        <swiper-item v-for="(item, index) in swiper" :key="index">
            <image style="width: 100%" :src="item.image_src" mode="widthFix" />
        </swiper-item>
    </swiper>
</template>

<script lang="ts" setup>
import { ref } from "vue";
const id: string = "banner";
const props = withDefaults(defineProps<{ swiper: any[] }>(), {
    swiper: () => []
});
</script>

<style lang="scss" scoped>
.swiper {
    width: 100%;
    border-radius: 20rpx;
    overflow: hidden;

    image {
        border-radius: 20rpx;
    }
}
</style>
